<template>
  <div class="son title">
    <slot :xxx="xxx" num="93"> {{ xxx }}</slot>

    <div class="box"></div>
    <slot name="footer" str="我是底部传入插槽的数据" />
  </div>
</template>
<script>
export default {
  data () {
    return {
      xxx: '我是xxx'
    }
  }
}
</script>
<style lang="less" scoped>
.son {
  width: 300px;
  height: 300px;
  //   background-color: #f00;
}
</style>
